<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script type="text/javascript" src="./dist/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<title></title>
</head>
<style type="text/css">

</style>
<body>
<form>
	<div class='form-group has-feedback has-success'>
		<label>用户名：</label>
		<input type="text" class='form-control' placeholder='username'>
		<span class='glyphicon glyphicon-user form-control-feedback'></span>
	</div>
	<div class="form-group has-feedback has-success">
		<label>密码：</label>
		<input type="text" class="form-control" placeholder='password'>
		<span class='glyphicon glyphicon-pencil form-control-feedback'></span>
	</div>	
	<div class="form-group has-success">
		<label>留言框：</label>
		<textarea class='form-control'></textarea>
	</div>
	<div class='form-group has-warning'>
		<label>多选框</label>
		<select class='form-control'>
		<option>默认选项</option>
		<option>选项二</option>
		<option>选项三</option>
		</select>
	</div>


	<div class="form-group">
		<label>复选框</label>
		<div class='checkbox'>
			<label>
				<input type="checkbox" name="">选项一
			</label>
		</div>
				<div class='checkbox'>
			<label>
				<input type="checkbox" name="">选项二
			</label>
		</div>
	</div>
	<div class='form-group'>
		<label>单选框</label>
		<div class='rado'>
			<label>
				<input type="radio" name="a">选项一
			</label>
		</div>
			<div class='rado'>
			<label>
				<input type="radio" name="a">选项二
			</label>
		</div>
	</div>
		<div class="form-group">
		<input type="file" name="">
	</div>
	<div class='form-group'>
			<button class='btn btn-primary' type='submit' value='ok'>提交</button>
			<button class='btn btn-danger' type='cancel' value='cancel'>撤销</button>
	</div>
</form>
</body>
</html>